<link rel="stylesheet" href="{{base_url()}}syslib/jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="{{base_url()}}syslib/jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="{{base_url()}}syslib/jqwidgets/gettheme.js"></script>
<script type="text/javascript" src="{{base_url()}}syslib/jqwidgets/jqxtabs.js"></script>
<style>
    #tab{font-family: tahoma;font-size: 11px;}
</style>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        var theme=getTheme();
        $('#tab').jqxTabs({ width:'auto', theme: theme ,keyboardNavigation: false});
         manu('jqx');
    });
    function manu(t){
        $(".OAumenu.active").removeClass("active");
        $(".OAumenu."+t).addClass("active");
        $(".manuoContent").hide();
        $(".manuoContent."+t).fadeIn(1000);
    }
</script>
<div class="grid_x mr12 mb4" style="background-color: #EBEFF9;border: solid 1px #C9D7F1;">
    <div class="pt4 pl4 pr4 pb4">
        <div class="OAuths">
            <div class="OAumenu jqx active" onclick="manu('jqx')">
                <div class="C1 pr20">
                    Hướng dẫn sử dụng jqxGrid
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu ckfin" onclick="manu('ckfin')">
                <div class="C1 pr20">
                    Hướng dẫn sử dụng KCfinder Guide
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu addedit " onclick="manu('addedit')">
                <div class="C1 pr20">
                    Làm sao để thêm mới,chỉnh sửa dữ liệu?
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu del " onclick="manu('del')">
                <div class="C1 pr20">
                    Làm sao để xóa 1 hoặc nhiều dữ liệu?
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu stat " onclick="manu('stat')">
                <div class="C1 pr20">
                    Làm sao để thay đổi trạng thái một dữ liệu?
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu fil " onclick="manu('fil')">
                <div class="C1 pr20">
                    Làm sao để tìm kiếm dữ liệu?
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu e1 " onclick="manu('e1')">
                <div class="C1 pr20">
                    Lỗi thường gặp.
                </div>
                <span class="C2"></span>
            </div>
            <div class="OAumenu e2 " onclick="manu('e2')">
                <div class="C1 pr20">
                    Khi gặp lỗi thì phải xử lý như thế nào?
                </div>
                <span class="C2"></span>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
{{include file="../guide/02_grid.tpl"}}
{{include file="../guide/03_kcfinder.tpl"}}
{{include file="../guide/04_add.tpl"}}
